/* 黑色模块的css */
.black-nav{
	width: 100%;
	height: 40px;
	line-height: 20px;
	background-color:#333;
	font-size: 12px;
	}
.wrap{
	width:1226px;
	margin:0 auto;
	overflow:hidden;
	clear:both;
}
.black-nav .wrap .black-nav-left{
	float:left;
	}
.black-nav .wrap .black-nav-right{
	float:right;
}	
.black-nav .wrap  li{
	float:left;
}
.black-nav a{
	color:#b0b0b0;
}
.black-nav .wrap li span{
	color:#424242;
	margin:0 3.6px;
}

/* 白色模块的css */
.white-nav{
	width:100%;
	height:80px;
	background=color:#fff; 
}
.logo{
	width:45px;
	height:45px;
	background-color: #ff6700;
	float:left;
	margin-top:0px;
	overflow:hidden;
	border-radius:10px;
}

.search{
	float:right;
	width:296px;
	height: 70px;
}
.white-nav .wrap li{
	float:left;
	margin:10px;
}
.nav-bar li a{
	color:#333;
	padding: 0 10px;
}
.nav-bar li a:hover{
	color:#ff6700;
}
.search input{
	width:244px;
	height: 35px;
	float:left;
	border:1px solid #e0e0e0;
	box-sizing:border-box;
	margin-top:10px;
	padding:0 10px;
	outline:none;
	border-right:0;
}
.stu{
	width:52px;
	height:35px;
	float:right;
	border:1px solid #e0e0e0;
}
.search button{
	width:52px;
	height: 35px;
	float: right;
	border:1px solid #e0e0e0;
	margin-top:10px;
}
.search button:hover{
	background: #ff6700;
	color:#fff;
}
/* banner模块的css */
.banner{
	width:100%;
	height:460px;
}
.banner-img{
	width:100%;
}
.slide{
	width:234px;
	height:460px;
	pading:20px;
	background-color:rgba(105,101,101,0.6);
	position:absolute;
	left:0;
	top:0;
}
.banner>.wrap{
	position:relative;
}
.slide>ul>li{
	height:42px;
	line-height:42px;
	text-align:left;
	padding-left:30px;
	font-size:17px;
}
.slide>ul>li>a{
	color:#fff;
}
.slide i{
	float:right;
	padding-right:20px;
}
.slide>ul>li:hover{
	background-color:#ff6700;
}
/* 广告模块 */
.ad{
	width:100%;
	height:170px;
	padding:14px 0;
	background-color:#fff;
}
.ad-aside{
	width:234px;
	height:198px;
	background-color:#5f5750;
	padding:3px;
	box-sizing: border-box;
	font-size:12px;
	float:left;
	
	
}
.ad-aside li{
	float:left;
	/* 234-6=228/3=76 */
	width:60px;
	/* 170-6=164/2=82 */
	height:82px;
	padding-top:18px;
	box-sizing: border-box;
}
.ad-aside p{
	color:#fff;
}
/* 鼠标滑上去透明度边完全部透明 */
.ad-aside li:hover{
	opacity:1;
}
.ad-img{
	width:316px;
	height:198px;
	margin-left:14.6px;
	float:left;
	
}
.ad-img img{
	width:100%;
	height: 198px;;
}
.content{
	width:100%;
	background-color: #f1f1f1;
	overflow:hidden;
	margin: 20px;
	padding:4px 0 12px;
}
/* 手机模块 */
.title{
	text-align:left;
	color: #333;
	font-size:22px;
	font-weight:200px;
	line-height:58px;
	
}
.title-right{
	float: right;
	color:#333;
	font-size: 16px;
	font-weight:200px;
	line-height:58px;
	margin-right: 30px;
}
.title-right:hover{
	color: #ff6700;
}
.title-right1{
	float: right;
	color:#333;
	font-size: 16px;
	font-weight:200px;
	line-height:58px;
	margin-right: 30px;
	border-bottom: 1px solid #ff6700; 
}
.title-right1:hover{
	color: #ff6700;
}		
.phone-box{
	width:100%;
	height:614px;
	/* overflow:hidden;
	clear:both; */
	/* background-color: palevioletred; */
}
.phone-box-left img{
	width:200px;
	height:614px;
}
.phone-box-left{
	width:200px;
	height:614px;
	float:left;
	
}
.phone-box-right{
	width:992px;
	height:614px;
	float:left;
}
.item{
	width:234px;
	height:300px;
	margin:0 0 14px 14px;
	background-color: #fff;
	padding:20px 0;
	box-sizing:border-box;
	float:left;
}
.item-img{
	
	width: 160px;
	margin-bottom: 18px;
}
.item-name{
	width:214px;
	height:21px;
	color:#333;
	line-height: 21px;
	margin:0 auto 2px;
	text-align: center;
}
.item-desc{
	width:214px;
	height:18px;
	color:#b0b0b0;
	font-size:12px;
	line-height:18px;
	margin:0 auto 10px;
	text-align: center;
}
.item-prise{
	color:#ff6700;
	font-size:14px;
	text-align: center;
}
/* 页脚样式 */
.footer-service{
	width:100%;
	height:25px;
	line-height:25px;
	padding:27px 0;
	border-bottom:1px solid #e0e0e0;
	
}
.footer-service li{
	float: left;
	width: 20%;
	border-right: 1px solid #b0b0b0;
	box-sizing: border-box;
	text-align: center;
}
.footer-service li:last-child{
	border-right: 0;
}
.footer-service i{
	font-size: 24px;
	margin-right: 6px;
}
.footer-service a{
	color :#616161
}
.footer-service a:hover{
	color:#ff6700;
}
.footer-link{
	width:100%;
	height:172px;
	padding:40px 0;
	
}
.footer-link ul{
	float:left;
	width: 160px;
	text-align: left;
	color: #424242;
	font-size: 14px;
	line-height: 1.25;
}
.footer-link ul a{
	font-size: 12px;
	color: #757575;
	
}
.footer-link ul li{
	margin-top: 10px;
}
.footer-link ul li a:hover{
	color:#ff6700;
}
.footer-aside{
	width:225px;
	height:304.17px;
	border-left: 1px solid #e0e0e0;
	float:right;
	color: #616161;
}
	
.footer-aside .tel{
		font-size: 22px;
		line-height: 22px;
		color:#ff6700;
		margin-bottom: 5px;
}
.footer-aside  .time{
	font-size: 12px;
	margin-top: 5px;
}
.kefu{
	display:block;
	width:120px;
	height:30px;
	line-height:30px;
	border:1px solid #ff6700;
	box-sizing: border-box;
	margin: 0 auto;
	color: #ff6700;
	font-size: 12px;
	
}
.kefu:hover{
	background: #ff6700;
	border-color:#ff6700;
	color:#fff;
}
	

